.time-line {
    &-container {
    }
    &-item {
        position: relative;
        list-style: none;
        &-tail {
            position: absolute;
            left: 4px;
            height: 100%;
            border-left: 2px solid #e4e7ed;
        }
        &-node {
            position: absolute;
            left: -1px;
            width: 12px;
            height: 12px;
            background-color: #e4e7ed;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            &.active{
                background-color: blue;
            }
        }
        &-wrapper {
            position: relative;
            padding-left: 28px;
            top: -3px;
            height: 100px;
            cursor: pointer;
        }
    }
}
